ここでは細かい事抜きで行きます。
PCの場合の流れ
ここではPC付属のハードディスクをCとして、それをホームページ用のドライブとして進めます。
1-1: Cドライブ直下に「httpdocroot」フォルダを作成します。
1-2: Collect and Displayのフォルダにある「_cnd_root」フォルダを1-1で作成した「httpdocroot」フォルダにコピーします。
以上
1-2: Collect and Displayのフォルダにある「_cnd_root」フォルダを1-1で作成した「httpdocroot」フォルダにコピーします。
以上
2-1: 「_cnd_template_one_page_white」フォルダにある_top.htmlをメモ帳で開いてその内容を
として上書き保存します。
注意点
HTMLで書く際にはその所々で代表的な半角英数字（A-Z、a-z、0-9など）で書かないと駄目な箇所があります。
従ってそういう箇所を例えば全角の文字、日本語などで書くとうまくいかない事がほとんどです。
日本語の中でも空白文字が一番厄介です。
なぜなら半角空白文字（又は半角スペース）と全角空白文字の見分けが難しいからです。
ここのサンプルでは全角モードを使わなくても済むように全て半角で書いていますので、自分で書くときは半角モードのままで一気に書き上げるか、コピー＆ペーストを使えばOKだと思います。
説明
上のdiv、brなどの文字はHTMLでのパーツの種類の名前でタグ名と呼ばれます。
「タグ名はDIV」のような感じです。
それらパーツはHTMLの要素、またはHTMLのエレメントと呼ばれます。
「DIVエレメント」のような感じです。
HTMLエレメントに上記の形式で値を保持させた結果どうなるかは、決められていたり自分で決めたりします。
その結果どうなるかはエレメントの種類によって決められていたり、自分で決めたりします。
以上
として上書き保存します。
注意点
HTMLで書く際にはその所々で代表的な半角英数字（A-Z、a-z、0-9など）で書かないと駄目な箇所があります。
従ってそういう箇所を例えば全角の文字、日本語などで書くとうまくいかない事がほとんどです。
日本語の中でも空白文字が一番厄介です。
なぜなら半角空白文字（又は半角スペース）と全角空白文字の見分けが難しいからです。
ここのサンプルでは全角モードを使わなくても済むように全て半角で書いていますので、自分で書くときは半角モードのままで一気に書き上げるか、コピー＆ペーストを使えばOKだと思います。
説明
上のdiv、brなどの文字はHTMLでのパーツの種類の名前でタグ名と呼ばれます。
「タグ名はDIV」のような感じです。
それらパーツはHTMLの要素、またはHTMLのエレメントと呼ばれます。
「DIVエレメント」のような感じです。
HTMLエレメントに上記の形式で値を保持させた結果どうなるかは、決められていたり自分で決めたりします。
その結果どうなるかはエレメントの種類によって決められていたり、自分で決めたりします。
以上
3-1: Webを「HTTPサーバー フリーウェア ダウンロード」などで検索して、好みのものをダウンロードしてインストールして下さい。
以上
ここではBlackJumboDogをダウンロードし、インストールしたとして進めます。以上
4-1: 下のリンクからサンプルサイトに飛んで、左側メインメニューにある項目「ローカルサイト立ち上げ」Black JumboDogを参照してBlack JumboDog HTTPサーバーを構築し、起動してください。
【サンプル兼テンプレート】:
Collect and Display ダンボール（ リストサンプル）
Black JumboDogを設定する際には「1. ホームページ関連ファイルの入ったフォルダをハードディスクに置く。」で決めたフォルダ「C:\httpdocroot」がBlack JumboDogの設定にある「ドキュメントのルートディレクトリ」であることを覚えておいて下さい。
「Collect and Display ダンボール（ リストサンプル）」にあるBlack JumboDogの説明文中の行「以上でBlack JumboDogの基本設定は終わりです。」以下はここでは無視してください。
以上。
【サンプル兼テンプレート】:
Collect and Display ダンボール（ リストサンプル）
Black JumboDogを設定する際には「1. ホームページ関連ファイルの入ったフォルダをハードディスクに置く。」で決めたフォルダ「C:\httpdocroot」がBlack JumboDogの設定にある「ドキュメントのルートディレクトリ」であることを覚えておいて下さい。
|
|
「Collect and Display ダンボール（ リストサンプル）」にあるBlack JumboDogの説明文中の行「以上でBlack JumboDogの基本設定は終わりです。」以下はここでは無視してください。
以上。
5-1: Black JumboDogの説明にある通りに好きなWebブラウザを使って「2. テストページをHTMLで書く。」で作ったページのあるホームページを見て下さい。
Black JumboDog HTTPサーバーの「ドキュメントルート」へアクセスするアドレスはBlack JumboDogのログウインドウで確認できます。
例えばそれが「http://192.168.0.10:8000」であった場合、 Webブラウザを使ってアクセスするアドレスは「http://192.168.0.10:8000/_cnd_root/_cnd_template_one_page_white/」になります。
以上。
以上
Black JumboDog HTTPサーバーの「ドキュメントルート」へアクセスするアドレスはBlack JumboDogのログウインドウで確認できます。
例えばそれが「http://192.168.0.10:8000」であった場合、 Webブラウザを使ってアクセスするアドレスは「http://192.168.0.10:8000/_cnd_root/_cnd_template_one_page_white/」になります。
以上。
携帯の場合の流れ
ここでは端末をAndroid端末、ホームページ用の記憶媒体をSDカードとして進めます。
1-1: SDカード直下に「httpdocroot」フォルダを作成します。
1-2: Collect and Displayのフォルダにある「_cnd_root」フォルダを1-1で作成した「httpdocroot」フォルダにコピーします。
以上
1-2: Collect and Displayのフォルダにある「_cnd_root」フォルダを1-1で作成した「httpdocroot」フォルダにコピーします。
以上
2-1: 「_cnd_template_one_page_white」フォルダにある_top.htmlを好みのテキストエディタで開いてその内容を
として上書き保存します。
注意点
HTMLで書く際にはその所々で代表的な半角英数字（A-Z、a-z、0-9など）で書かないと駄目な箇所があります。
従ってそういう箇所を例えば全角の文字、日本語などで書くとうまくいかない事がほとんどです。
日本語の中でも空白文字が一番厄介です。
なぜなら半角空白文字（又は半角スペース）と全角空白文字の見分けが難しいからです。
ここのサンプルでは全角モードを使わなくても済むように全て半角で書いていますので、自分で書くときは半角モードのままで一気に書き上げるか、コピー＆ペーストを使えばOKだと思います。
説明
上のdiv、brなどの文字はHTMLでのパーツの種類の名前でタグ名と呼ばれます。
「タグ名はDIV」のような感じです。
それらパーツはHTMLの要素、またはHTMLのエレメントと呼ばれます。
「DIVエレメント」のような感じです。
HTMLエレメントに上記の形式で値を保持させた結果どうなるかは、決められていたり自分で決めたりします。
その結果どうなるかはエレメントの種類によって決められていたり、自分で決めたりします。
以上
として上書き保存します。
注意点
HTMLで書く際にはその所々で代表的な半角英数字（A-Z、a-z、0-9など）で書かないと駄目な箇所があります。
従ってそういう箇所を例えば全角の文字、日本語などで書くとうまくいかない事がほとんどです。
日本語の中でも空白文字が一番厄介です。
なぜなら半角空白文字（又は半角スペース）と全角空白文字の見分けが難しいからです。
ここのサンプルでは全角モードを使わなくても済むように全て半角で書いていますので、自分で書くときは半角モードのままで一気に書き上げるか、コピー＆ペーストを使えばOKだと思います。
説明
上のdiv、brなどの文字はHTMLでのパーツの種類の名前でタグ名と呼ばれます。
「タグ名はDIV」のような感じです。
それらパーツはHTMLの要素、またはHTMLのエレメントと呼ばれます。
「DIVエレメント」のような感じです。
HTMLエレメントに上記の形式で値を保持させた結果どうなるかは、決められていたり自分で決めたりします。
その結果どうなるかはエレメントの種類によって決められていたり、自分で決めたりします。
以上
3-1: HTTPサーバーアプリを検索して好みのものをダウンロードしてインストールして下さい。
以上
ここではアプリ、AWebServerをダウンロードし、インストールしたとして進めます。以上
AWebServerを設定する際には「1. ホームページ関連ファイルの入ったフォルダをSDカードに置く。」で決めたフォルダ「httpdocroot」がAWebServerの設定にある「Document Root」であることを覚えておいて下さい。
以上。
|
以上。
5-1: 好きなWebブラウザを使って「2. テストページをHTMLで書く。」で作ったページのあるホームページを見て下さい。
2-1で書いたページのあるホームページのアドレスはAWebServerの「Address: 」にあるアドレスで始まります。
例えばそれが「http://192.168.0.11:8000」であった場合、 Webブラウザを使ってアクセスするアドレスは「http://192.168.0.11:8000/_cnd_root/_cnd_template_one_page_white/」になります。
以上。
以上
2-1で書いたページのあるホームページのアドレスはAWebServerの「Address: 」にあるアドレスで始まります。
例えばそれが「http://192.168.0.11:8000」であった場合、 Webブラウザを使ってアクセスするアドレスは「http://192.168.0.11:8000/_cnd_root/_cnd_template_one_page_white/」になります。
以上。